//
// Steps
// --------------------------------------------------

.steps .step {
	display: inline-block;
	position: relative;
    width: 200px;
    margin-right: 6px;
    text-align: left;
}
.step-tail {
	position: absolute;
	width: 100%;
	top: 13px;
	left: 0;
	height: 1px;
	background-color: #aaa;
}
.step-done .step-tail {
	background-color: @primary-color;
}
.step-main {
	display: inline-block;
	position: relative;
	padding-right: 8px;
	background-color: #fff;
}
.step-name {
	color: #777;
}
.step-current .step-name {
	color: #333;
}
.step-number {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 2px;
	line-height: 26px;
	border: 1px solid #aaa;
	color: #aaa;
	text-align: center;
	border-radius: 50%;
}
.step-current .step-number {
	background-color: @primary-color;
	color: #fff;
	border-color: @primary-color;
}
.step-done .step-number {
	color: @primary-color;
	border-color: @primary-color;
}